/*用户中心的收益和积分页面样式*/
.credit {
    font-size: 13px;
}

.center .divider {
    margin-top: 20px;
}

.credit .credit-header {
    width: 100%;
    height: 360px;
    background-color: white;
}

.credit .balance {
    width: 100%;
    height: 157px;
    background-color: white;
    text-align: center;
    padding-top: 25px;
}

.credit .statics {
    height: 84px;
    align-items: center;
}

.credit .statics div {
    text-align: center;
    align-items: center;
}

.credit .statics-item-title {
    font-size: 14px;
    color: rgba(115, 115, 115, 1);
}

.credit .statics-item-value {
    font-size: 20px;
    color: #3F3F3F;
}

.balance-btn {
    height: 160px;
    width: 160px;
    line-height: 160px;
    background-color: #efefef;
    border-radius: 80px;
    text-align: center;
    color: orange;
    margin: 0 auto;
    font-size: 36px;
    display: block;
}

.balance-take-btn {
    width: 120px;
    height: 40px;
    line-height: 40px;
    border: 1px solid orange;
    border-radius: 5px;
    margin: 20px auto 16px auto;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    color: orange;
}

.balance-detail-title {
    padding: 10px;
    font-size: 14px;
    color: #ababab;
}

.credit .credit-item {
    height: 120px;
    padding: 10px 8px;
}

.credit .credit-item img {
    width: 120px;
    height: 100px;
    overflow: hidden;
}

.credit .credit-item .detail-desc{
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.credit .goods-number{
    font-size: 14px;
    color: #A0A0A0;
    height: 19px;
    margin-top: 12px;
    display: block;
}

.credit .goods-balance{
    font-size: 18px;
    color: #FF9800;
    height: 25px;
    margin-top: 6px;
    display: block;
}

.credit .divider{
    margin-top: 20px;
}
